<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Cache-Control" content="no-siteapp" />
 <link href="th/houtai/assets/css/bootstrap.min.css" rel="stylesheet" />
        <link rel="stylesheet" href="th/houtai/css/style.css"/>
        <link href="th/houtai/assets/css/codemirror.css" rel="stylesheet">
        <link rel="stylesheet" href="th/houtai/assets/css/ace.min.css" />
        <link rel="stylesheet" href="th/houtai/font/css/font-awesome.min.css" />
        <!--[if lte IE 8]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->
		<script src="th/houtai/js/jquery-1.9.1.min.js"></script>
        <script src="th/houtai/assets/js/bootstrap.min.js"></script>
		<script src="th/houtai/assets/js/typeahead-bs2.min.js"></script>
        <script type="text/javascript" src="th/houtai/js/H-ui.js"></script>
		<script src="th/houtai/assets/js/jquery.dataTables.min.js"></script>
		<script src="th/houtai/assets/js/jquery.dataTables.bootstrap.js"></script>
        <script src="th/houtai/assets/layer/layer.js" type="text/javascript" ></script>
        <script src="th/houtai/assets/laydate/laydate.js" type="text/javascript"></script>
        <script src="th/houtai/assets/js/jquery.easy-pie-chart.min.js"></script>
        <script src="th/houtai/js/lrtk.js" type="text/javascript" ></script>
<title>订单详细</title>
</head>

<body>
<div class="margin clearfix">
<div class="Order_Details_style">
<div class="Numbering">订单编号:<b th:text="${orderOrder.orderId}">NJHDXJ201509-001</b></div></div>
 <div class="detailed_style">
 <!--收件人信息-->
    <div class="Receiver_style">
     <div class="title_name" >收件人信息</div>
     <div class="Info_style clearfix">
        <div class="col-xs-3">  
         <label class="label_name" for="form-field-2" > 收件人姓名： </label>
         <div class="o_content" th:text="${orderOrder.userSite.siteRemark}">张孝全</div>
        </div>
        <div class="col-xs-3">  
         <label class="label_name" for="form-field-2" > 收件人电话： </label>
         <div class="o_content" th:text="${orderOrder.userSite.sitePhone}">16543432343</div>
        </div>
         <div class="col-xs-3">  
         <label class="label_name" for="form-field-2"> 收件地址： </label>
         <div class="o_content" th:text="${orderOrder.userSite.siteProvince}+${orderOrder.userSite.siteCity}+${orderOrder.userSite.siteDistrict}+${orderOrder.userSite.siteName}">江苏南京市雨花台区郁金香软件大厦3懂3单元302室</div>
        </div>
     </div>
    </div>
    <!--订单信息-->
    <div class="product_style">
    <div class="title_name">产品信息</div>
    <div class="Info_style clearfix">






        <div class="product_info clearfix" th:each="orderOrderdetails:${orderOrderdetailsList}">
            <a href="#" class="img_link"><img th:src="${orderOrderdetails.goodCommoditySkuAndSpuVO.images}"/></a>
            <span>
      <a href="#" class="name_link" th:text="${orderOrderdetails.goodCommoditySkuAndSpuVO.title}">美果汇 美国进口嘎啦果苹果6粒装 加力果 姬娜果 伽利果 新鲜应季水果</a>
      <b th:text="${orderOrderdetails.goodCommoditySkuAndSpuVO.commoditySubtitle}">也称为姬娜果，饱满色艳，个头小</b>
      <p th:text="${orderOrderdetails.goodCommoditySkuAndSpuVO.ownSpec}">规格：500g/斤</p>
      <p>数量：<b class="price" th:text="${orderOrderdetails.commodityNum}">2kg</b> </p>
      <p>价格：<i>￥</i><b class="price" th:text="${orderOrderdetails.commodityMoney/100.00}">56</b></p>
      </span>
       </div>


    </div>

    </div>
    <!--总价-->
    <div class="Total_style">
     <div class="Info_style clearfix">
      <div class="col-xs-3">  
         <label class="label_name" for="form-field-2"> 支付方式： </label>
         <div class="o_content">在线支付</div>
        </div>
        <div class="col-xs-3">  
         <label class="label_name" for="form-field-2"> 支付状态： </label>
         <div class="o_content" th:text="${orderOrder.orderPaytype.paytypeName}">等待付款</div>
        </div>
        <div class="col-xs-3">  
         <label class="label_name" for="form-field-2" > 订单生成日期： </label>
         <div class="o_content" th:text="${#dates.format(orderOrder.placeTime,'yyyy-MM-dd')}">2016-7-5</div>
        </div>
         <div class="col-xs-3">  
         <label class="label_name" for="form-field-2"> 快递名称： </label>
         <div class="o_content" th:if="${orderOrder?.orderLogistics?.orderLogisticstype?.logisticstypeName != null}"  th:text="${orderOrder.orderLogistics.orderLogisticstype?.logisticstypeName}">暂无</div>
         <div class="o_content" th:if="${orderOrder?.orderLogistics?.orderLogisticstype?.logisticstypeName == null}"  >暂无</div>

        </div>
         <div class="col-xs-3">  
         <label class="label_name" for="form-field-2"> 发货日期： </label>
         <div class="o_content" th:if="${#dates.format(orderOrder?.orderLogistics?.shipmentsTime,'yyyy-MM-dd') != null} "  th:text="${#dates.format(orderOrder?.orderLogistics?.shipmentsTime,'yyyy-MM-dd')}">暂无</div>
         <div class="o_content" th:if="${#dates.format(orderOrder?.orderLogistics?.shipmentsTime,'yyyy-MM-dd') == null} "  >暂无</div>

        </div>
        </div>

    </div>
    
    <!--物流信息-->
    <div class="Logistics_style clearfix">
     <div class="title_name">物流信息</div>
      <!--<div class="prompt"><img src="images/meiyou.png" /><p>暂无物流信息！</p></div>-->
       <div data-mohe-type="kuaidi_new" class="g-mohe " id="mohe-kuaidi_new">
        <div id="mohe-kuaidi_new_nucom">
            <div class="mohe-wrap mh-wrap">
                <div class="mh-cont mh-list-wrap mh-unfold">
                    <div class="mh-list">
                        <ul>
                            <li th:each="logisticsManagemenVO,logisticsManagementVOStat:${logisticsManagementMsgList}" th:class="${logisticsManagementVOStat.index == 0}?'first':''">
                                <p th:text="${logisticsManagemenVO.dateTimeStr}">2015-04-28 11:23:28</p>
                                <p th:text="${logisticsManagemenVO.msg}">妥投投递并签收，签收人：他人收 他人收</p>
                                <span class="before"></span><span class="after"></span><i th:class="${logisticsManagementVOStat.index == 0}?'mh-icon mh-icon-new':''" ></i></li>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
<div class="Button_operation">
				<a th:href="@{wlcGetOrderForm(pageNo = ${pageNo})}" class="btn btn-primary radius" ><i class="icon-save "></i>返回上一步</a>
				

			</div>
            
            
 </div>
</div>

</body>
</html>
